<template>

    <!-- <LeftListOnecpm /> -->
    <!-- <LeftListThe2/> -->
    <LeftListThe3/>
    <!-- <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </nav>
    <router-view/> -->
  </template>
  
  <script>
  import LeftListOnecpm from './components/LeftListOnecpm.vue';
  import LeftListThe2 from './components/LeftListThe2.vue';
  import LeftListThe3 from './components/LeftListThe3.vue';
  export default {
    name:'App',
    components: {
      LeftListOnecpm,
      LeftListThe2,
      LeftListThe3
    }
  
    
  }
  </script>
  
  <style>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color:  #2c3e50;
  }
  
  nav {
    padding: 30px;
  }
  
  nav a {
    font-weight: bold;
    color: #2c3e50;
  }
  
  nav a.router-link-exact-active {
    color: #42b983;
  }
  </style>
  